<div zm-scroll="" scroll-lazyload="true">
    <div ng-if="productloaded&&products.length==0" style="text-align: center;margin: 60px auto;width: 285px">
        <div style="line-height: 1.5em">你所选的城市，暂无店面，请切换城市查看。</div>
        <div style="margin-top: 20px">
            <a ng-href="#/address"
               style="display: inline-block;border-radius: 20px;padding: 7px 20px;background: #f35c43;color: #fff">切换城市</a>
        </div>
    </div>
    <div class="product-list" artisanid="all">
        <div id="AppointType">
            <div class="wrap">
                <table>
                    <td class="product checker">
                        <a class="type-product" href="#/index">&nbsp;项目&nbsp;</a>
                        <a class="type-engineer" href="#/designer">&nbsp;店面&nbsp;</a>
                    </td>
                </table>
            </div>
        </div>
        <ul id="Main" style="margin-top: 50px;padding-bottom: 70px;">
            <li ng-repeat="item in products" style="background: url({{item.main_img}});background-size: 100% 100%;height: 200px;margin: 10px;padding: 0">
                <a href="#/item/{{item.itemId}}/-1/-1">
                    <div style="height: 100%;width:100%;font-size: large;color:#ffffff;background-color:rgba(0,0,0,0.2);text-align: left;padding-left: 10px;">
                        <div style="top: 170px;font-size: large;position: relative;">
                            {{item.itemName}}
                        </div>
                        <!--<div style="top: 140px;font-size: x-large;position: relative;">-->
                            <!--￥{{item.price | doubleStr}}-->
                        <!--</div>-->
                    </div>
                </a>
            </li>
        </ul>
        <div class="loadmore-box" ng-show="loaded">
            <a ng-if="!loading" href="" class="btn" ng-click="loadmoreHandler()">获取更多</a>
            <img ng-if="loading" class="img" src="images/47847b30.us.gif">
        </div>
    </div>
</div>
<table id="BottomMenu">
    <tbody>
    <tr>
        <td id="home" class="active">
            <a href="#index">
                <span class="icon">
                    <img src="imgs/home.active.png" width="20" height="20">
                </span>
                <span class="title">预约</span>
            </a>
        </td>

        <td id="myorder" class="">
            <a href="#/user/order">
                <span class="icon">
                    <img src="imgs/myorder.png" width="20" height="20">
                </span>
                <span class="title">订单</span>
            </a>
        </td>

        <td id="people" class="">
            <a href="#/user/home">
                <span class="icon">
                    <img src="imgs/people.png" width="20" height="20">
                </span>
                <span class="title">个人</span>
            </a>
        </td>
    </tr>
    </tbody>
</table>